body {
	line-height: 1;
	background-color: #f4f5fa
}

.header {
	height: 7.5rem
}

.header .invitation-bg {
	background: url("../images/ban@2x.png");
	height: 5.49rem;
	width: 100%;
	background-size: cover;
	position: relative
}

.header .invitation-bg .my-invitation {
	width: 9.2rem;
	height: 3.36rem;
	background: #fff;
	border-radius: .11rem;
	position: absolute;
	left: .4rem;
	top: 4.17rem;
	padding-right: .4rem
}

.header .invitation-bg .my-invitation .invitation-title {
	margin: .4rem 0 .47rem 0;
	height: .43rem;
	line-height: .43rem;
	width: 100%
}

.header .invitation-bg .my-invitation .invitation-title h4 {
	height: .35rem;
	font-size: .35rem;
	color: #333;
	line-height: .35rem;
	font-weight: bold;
	border-left: .09rem solid #dc3838;
	padding-left: .3rem;
	float: left
}

.header .invitation-bg .my-invitation .invitation-title span {
	font-size: .35rem;
	color: #666;
	float: right
}

.header .invitation-bg .my-invitation .invitation-title span a {
	font-size: .35rem;
	color: #666
}

.header .invitation-bg .my-invitation .invitation-title span a i {
	background: url("../images/icon_go_nor@2x.png");
	background-size: cover;
	width: .13rem;
	height: .24rem;
	display: inline-block;
	margin-left: .16rem
}

.header .invitation-bg .my-invitation .invitation-content {
	margin-left: .4rem;
	border-top: .01rem solid #E5E5E5;
	padding-top: .53rem
}

.header .invitation-bg .my-invitation .invitation-content .pro-content {
	float: left;
	width: 50%;
	text-align: center;
	border-right: .01rem solid #E5E5E5
}

.header .invitation-bg .my-invitation .invitation-content .pro-content:last-child {
	border-right: 0
}

.header .invitation-bg .my-invitation .invitation-content .pro-content .pro-content-red {
	color: #dc3838
}

.header .invitation-bg .my-invitation .invitation-content .pro-content .pro-content-ccc {
	color: #333
}

.header .invitation-bg .my-invitation .invitation-content .pro-content p {
	font-size: .32rem;
	color: #999
}

.header .invitation-bg .my-invitation .invitation-content .pro-content p:first-child {
	font-size: .48rem;
	margin-bottom: .29rem
}

.strategy {
	width: 9.2rem;
	height: 8.05rem;
	background: #fff;
	border-radius: .11rem;
	margin: .4rem;
	display: inline-block
}

.strategy .strategy-title {
	height: .43rem;
	line-height: .43rem;
	width: 100%;
	margin: .4rem 0
}

.strategy .strategy-title h4 {
	height: .35rem;
	font-size: .35rem;
	color: #333;
	line-height: .35rem;
	font-weight: bold;
	border-left: .09rem solid #dc3838;
	padding-left: .3rem;
	float: left
}

.strategy .strategy-content .strategy-item {
	padding: 0 .4rem;
	margin-bottom: .44rem
}

.strategy .strategy-content .strategy-item:nth-child(2) {
	margin-bottom: 0
}

.strategy .strategy-content .strategy-item .item-left {
	float: left;
	margin-right: .2rem;
	position: relative;
	top: -0.4rem
}

.strategy .strategy-content .strategy-item .item-left span {
	width: 1.44rem;
	height: .51rem;
	line-height: .51rem;
	text-align: center;
	background: #b7a4dd;
	border-radius: .25rem;
	font-size: .32rem;
	color: #fff;
	display: inline-block
}

.strategy .strategy-content .strategy-item .item-right {
	font-size: .35rem;
	color: #333;
	line-height: .59rem
}

.strategy .strategy-content .strategy-item .item-right i {
	background: url("../images/icon_more_nor@2x.png");
	width: .57rem;
	height: .13rem;
	background-size: cover;
	display: inline-block;
	margin: 0 .2rem
}

.strategy .strategy-content .strategy-code {
	width: 3.36rem;
	height: 3.36rem;
	margin: auto;
	margin-top: .2rem
}

.strategy .strategy-content .strategy-code img {
	width: 100%;
	height: 100%
}

.reward {
	width: 9.2rem;
	height: 6.69rem;
	background: #fff;
	border-radius: .11rem;
	display: inline-block;
	margin: 0 .4rem
}

.reward .reward-title {
	height: .43rem;
	line-height: .43rem;
	width: 100%;
	margin: .4rem 0
}

.reward .reward-title h4 {
	height: .35rem;
	font-size: .35rem;
	color: #333;
	line-height: .35rem;
	font-weight: bold;
	border-left: .09rem solid #dc3838;
	padding-left: .3rem;
	float: left
}

.reward .reward-pro {
	margin: 0 .19rem
}

.reward .reward-pro .reward-pro-title {
	height: 1.01rem;
	background: #f3f4fb
}

.reward .reward-pro .reward-pro-title li {
	font-size: .32rem;
	color: #666;
	height: 100%;
	float: left;
	text-align: center;
	width: 20%;
	line-height: 1.01rem
}

.reward .reward-pro .reward-pro-item .pro-item {
	height: 1.01rem;
	background: #e8eaf5
}

.reward .reward-pro .reward-pro-item .pro-item:nth-child(2n) {
	background: #F3F4FB
}

.reward .reward-pro .reward-pro-item .pro-item li {
	font-size: .32rem;
	height: 100%;
	float: left;
	text-align: center;
	width: 20%;
	line-height: 1.01rem;
	color: #666
}

.reward .reward-pro .reward-pro-item .pro-item li:nth-child(2),.reward .reward-pro .reward-pro-item .pro-item li:nth-child(3) {
	color: #333
}

.reward .reward-pro .reward-pro-item .pro-item li:nth-child(4) {
	color: #FF6005
}

.reward .reward-pro .reward-pro-item .pro-item li:nth-child(5) {
	color: #DC3838
}

.reward .reward-more {
	font-size: .37rem;
	color: #dc3838;
	text-align: center;
	padding: .53rem 0
}

.rule {
	width: 9.2rem;
	height: 11.79rem;
	background: #fff;
	border-radius: .11rem;
	display: inline-block;
	margin: .4rem
}

.rule .rule-title {
	height: .43rem;
	line-height: .43rem;
	width: 100%;
	margin: .4rem 0
}

.rule .rule-title h4 {
	height: .35rem;
	font-size: .35rem;
	color: #333;
	line-height: .35rem;
	font-weight: bold;
	border-left: .09rem solid #dc3838;
	padding-left: .3rem;
	float: left
}

.rule .rule-content {
	margin: 0 .5rem
}

.rule .rule-content p {
	font-size: .37rem;
	color: #666;
	line-height: .56rem;
	margin-bottom: .07rem
}

.reward-slide {
	position: fixed;
	pointer-events: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .4;
	z-index: 1;
	display: none
}

.reward-slide-content {
	width: 100%;
	background: #fff;
	border-radius: .4rem .4rem 0 0;
	z-index: 2;
	position: fixed;
	bottom: 0;
	display: none;
	height: 14.63rem
}

.reward-slide-content .reward-title {
	height: .43rem;
	line-height: .43rem;
	width: 100%;
	margin: .4rem 0
}

.reward-slide-content .reward-title h4 {
	height: .35rem;
	font-size: .35rem;
	color: #333;
	line-height: .35rem;
	font-weight: bold;
	border-left: .09rem solid #dc3838;
	padding-left: .3rem;
	float: left
}

.reward-slide-content .reward-title span {
	background: url("../images/icon_close_nor@2x.png");
	width: .48rem;
	height: .48rem;
	background-size: cover;
	float: right;
	margin-right: .39rem;
	margin-top: -0.05rem
}

.reward-slide-content .reward-pro {
	margin: 0 .61rem;
	overflow: hidden;
	width: 8.8rem
}

.reward-slide-content .reward-pro .reward-content {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 11.9rem;
	width: 9rem
}

.reward-slide-content .reward-pro .reward-content .reward-pro-title {
	height: 1.01rem;
	background: #f3f4fb
}

.reward-slide-content .reward-pro .reward-content .reward-pro-title li {
	font-size: .32rem;
	color: #666;
	height: 100%;
	float: left;
	text-align: center;
	width: 20%;
	line-height: 1.01rem
}

.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item {
	height: 1.01rem;
	background: #e8eaf5
}

.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item:nth-child(2n) {
	background: #F3F4FB
}

.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item li {
	font-size: .32rem;
	height: 100%;
	float: left;
	text-align: center;
	width: 20%;
	line-height: 1.01rem;
	color: #666
}

.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item li:nth-child(2),.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item li:nth-child(3) {
	color: #333
}

.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item li:nth-child(4) {
	color: #FF6005
}

.reward-slide-content .reward-pro .reward-content .reward-pro-item .pro-item li:nth-child(5) {
	color: #DC3838
}

.reward-slide-content .reward-close {
	width: 100%;
	height: 1.44rem;
	background: #fff;
	text-align: center
}

.reward-slide-content .reward-close
>button{width:9.2rem;height:1.07rem;background:-webkit-linear-gradient(left, #F64646, #DC3838);background:-o-linear-gradient(right, #F64646, #DC3838);background:-moz-linear-gradient(right, #F64646, #DC3838);background:linear-gradient(to right, #F64646, #DC3838);border-radius:.53rem;font-size:.4rem;color:#fff}